.qxNav {
    width: 100%;
    height: 84px;
    background: url(../img/life/qxlr.png) center top no-repeat;
    font-size: 0;
    position: relative;
    z-index: 9
}

.qxNav .navCont {
    width: 760px;
    margin: 0 auto;
    padding: 41px 118px;
    margin-top: -7px
}

.qxNav a {
    display: inline-block;
    height: 53px;
    width: 253px;
    font-size: 15px;
    text-align: center;
    color: #ffffff
}

.qxNav a.nav1 {
    background: url(../img/life/qx1.png) -5px -2px no-repeat
}

.qxNav a.nav2 {
    background: url(../img/life/qx2.png) -6px 4px no-repeat
}

.qxNav a.nav2 span {
    position: relative;
    top: 2px
}

.qxNav a.nav3 {
    background: url(../img/life/qx3.png) -5px -2px no-repeat
}

.qxNav a.nav1.active {
    background: url(../img/life/qx1-active.png) -5px -2px no-repeat
}

.qxNav a.nav2.active {
    background: url(../img/life/qx2-active.png) -6px 4px no-repeat
}

.qxNav a.nav3.active {
    background: url(../img/life/qx3-active.png) -5px -2px no-repeat
}

.qxNav a span {
    display: inline-block;
    padding-top: 16px
}

.navBanner .banner {
    height: 573px;
    background: url(../img/life/banner.png) center bottom no-repeat;
    margin-top: -44px
}

.newslist-wrap {
    width: 710px;
    font-size: 20px;
    padding-bottom: 100px
}

.newslist-wrap ul {
    margin: 85px auto 0
}

.newslist-wrap ul li {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #c0dcf1
}

.newslist-wrap ul li a {
    color: #1d4265;
    display: block;
    padding: 0 50px;
    transition: .3s all;
    cursor: default
}

.list-wrap {
    padding-bottom: 100px
}

.list-wrap ul {
    width: 820px;
    margin: 85px auto 0
}

.list-wrap ul li {
    margin-top: 60px
}

.list-wrap ul li:nth-child(1) {
    margin-top: 0
}

.list-wrap ul li h3 {
    height: 32px;
    line-height: 32px
}

.list-wrap ul li h3 b {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #2979b4;
    color: #fff;
    text-align: center
}

.list-wrap ul li h3 span {
    display: inline-block;
    margin-left: 16px;
    font-size: 18px;
    color: #2979b4
}

.list-wrap ul li p {
    padding: 34px 80px;
    letter-spacing: 1px;
    margin-top: 26px;
    font-size: 14px;
    line-height: 38px;
    background: #e6f2fa;
    border-radius: 15px
}

.indexWrap {
    padding-bottom: 100px
}

.indexWrap .shijing {
    margin-top: 40px;
    height: 635px;
    background: url(../img/life/shiju.png) center 0 no-repeat
}

.indexWrap .teaWrap {
    padding: 0 30px;
    margin-top: 140px;
    background: url(../img/life/tea.png) center 0 no-repeat;
    padding-top: 340px
}

.indexWrap .teaWrap p {
    float: left;
    width: 20%;
    font-size: 15px;
    line-height: 44px;
    height: 360px;
    text-align: center
}

.indexWrap .teaWrap p span {
    text-align: left;
    display: inline-block;
    margin-left: 10px
}

.indexWrap .words {
    margin-top: 150px;
    background: url(../img/life/mountain.png) center 180px no-repeat
}

.indexWrap .words p {
    text-align: center;
    line-height: 36px
}

.indexWrap .words p.p1 {
    font-size: 16px
}

.indexWrap .words p.p2 {
    margin-top: 225px;
    font-size: 20px
}